<template>
  <div class="tool">
    <el-tabs type="border-card" style="width: 100%;">
      <el-tab-pane label="BASE64转图">
        <BaseImg />
      </el-tab-pane>
      <el-tab-pane label="信息转二维码">
        <Qrcode />
      </el-tab-pane>
      <el-tab-pane label="md5">
        <Md5 />
      </el-tab-pane>
      <el-tab-pane label="模板语法">
        <CodeCreate />
      </el-tab-pane>
      <el-tab-pane label="数据转换">
        <Toggle />
      </el-tab-pane>
      <el-tab-pane label="数据表格">
        <Excel />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { BaseImg, Qrcode, Md5, CodeCreate, Toggle, Excel } from './module'
</script>

<style scoped lang="scss">
.tool {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
}
</style>
